<template>
  <div class="h-full center flex-col text-gray-400 scroll-py-2">
    <div :class="`${props.width} ${props.height} ${props.icon}`"></div>
    <div>{{ props.title }}</div>
  </div>
</template>

<script setup lang='ts'>

interface IProps {
  width?: string,
  height?: string,
  title?: string,
  icon?: string,
}

const props = withDefaults(defineProps<IProps>(), {
  width: 'w-20',
  height: 'h-20',
  title: '暂无数据',
  icon: 'i-mdi-flask-empty-outline'
})

</script>

<style></style>